<template>
    <div>
        <!-- 搜索框 -->
        <div class="searchBox">
            <van-search 
                style="background-color:#cc0000"
                width="100px"
                v-model="value"
                show-action
                
                placeholder="请输入搜索关键词"
                @search="onSearch"
            >
            <template #action>
            <!-- <div @click="onSearch"><van-icon class="publish" name="add-o" /></div> -->
            </template>
            </van-search>
            
        </div>
    </div>
</template>
<script>
// import { defineComponent } from '@vue/composition-api'

export default {
    name:"search",
}
</script>
<style scoped lang="less">
    // 搜索框
/deep/.van-search__content{
    border-radius: 40px;
}
/deep/.van-search__content {
    background-color: #fff;
}
/deep/.van-search__action {
    padding: 0 18px;
}
.publish {
    font-size: 34px;
    color: #fff;
    display: inline-block;
    margin-top: 0px;
}
/deep/.van-search__action {
    line-height: 3px;
}
/deep/.van-search {
    padding: 10px 0px 10px 30px;
}
// /deep/.van-search {
//     width: 410px;
// }
</style>
